import {Link} from 'react-router-dom';
import "./index.css"
function Bar(props){
    const {tabs} = props;
    return (
        <div className={'tab_component_area'}>
            {tabs.map((tab,index)=><Link key={index} to={'/'}>
                {/*可以传组件作为子组件的props,使用的时候不要加标签*/}
                {tab.icon}
                <div className={'title'}>{tab.title}</div>
            </Link>)}
        </div>
    )
}
export default Bar;